<!--
 * @Descripttion:
 * @version: 1.0.0
 * @Author: htang
 * @Date: 2023-11-03 15:24:50
 * @LastEditors: htang
 * @LastEditTime: 2024-03-13 17:40:38
-->
<template>
  <ConfigProvider :locale="getAntdLocale">
    <AppProvider>
      <RouterView />
    </AppProvider>
  </ConfigProvider>
</template>

<script lang="ts" setup>
import { ConfigProvider } from 'ant-design-vue';
import { AppProvider } from '/@/components/Application';
import { useTitle } from '/@/hooks/web/useTitle';
import { useLocale } from '/@/locales/useLocale';

// 解决日期时间国际化问题
import 'dayjs/locale/zh-cn';
// support Multi-language
const { getAntdLocale } = useLocale();

useTitle();
</script>

<style lang="less">
// 背景
#app {
  background-image: url('@/assets/images/sys_bg.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.ant-layout {
  background: transparent !important;
}
// 左侧菜单
.ant-layout-sider {
  background: transparent !important;
  overflow: hidden;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background: none;
  min-width: 200px !important;
  width: 200px !important;
  .ant-layout-sider-children {
    padding-bottom: 90px;
    background-color: #2a82e4;
    .jeecg-app-logo {
      width: 100%;
      height: 140px;
      img {
        width: 60px;
        height: 60px;
        margin: 0 auto;
      }
      div {
        display: none;
      }
    }
    .jeecg-menu {
      color: #fff;
      background-color: #2a82e4;
    }
    .jeecg-menu-item-active,
    .jeecg-menu-item-selected {
      width: 101%;
      background: #b7cefa !important;
    }

    .jeecg-menu-submenu {
      .jeecg-menu-submenu-title {
        &:hover {
          color: #fff;
        }
      }
      ul {
        color: #000;
        background: #b7cefa;
      }
    }
  }
}

// 页面主体
.jeecg-basic-table {
  width: 97%;
  max-height: 86vh;
  margin: 20px auto 0 !important;
  overflow-x: hidden;
  border-radius: 20px;
  background: rgba(237, 245, 255, 0.8) !important;
  box-shadow: 2px -3px 6px rgba(189, 220, 255, 0.6), -6px 6px 12px rgba(0, 0, 0, 0.2);
  .tip {
    padding: 10px 20px !important;
    background: none !important;
    span {
      font-size: 20px !important;
      font-weight: 700;
      color: #000 !important;
    }
    .tip-img {
      display: inline-block;
      width: 80px;
      height: 100%;
      background: url('@/assets/images/tip_bg.png') no-repeat !important;
      background-size: 100% 200% !important;
      background-position: 6.5% 10% !important;
    }
  }

  .ant-form {
    background: transparent !important;
  }

  .jeecg-search-layer {
    background: transparent !important;
    width: 100%;
    .ant-input,
    .ant-picker,
    .ant-select-selector,
    .ant-input-affix-wrapper {
      border-radius: 15px !important;
      padding-left: 10px;
    }
  }
  .ant-table-wrapper {
    background: none !important;
  }
  .ant-table {
    background: none !important;
    .ant-table-container {
      border: none !important;
    }
    table {
      border: none !important;
    }
    tr {
      td {
        background: none !important;
        border-bottom: 1px solid #c7ddf2 !important;
        border-right: none !important;
      }
      th {
        background: none !important;
        border-bottom: 1px solid #66a6ec !important;
        &:before {
          display: none;
        }
        border-right: none !important;
      }
    }
  }

  .ant-pagination {
    .ant-pagination-item-active {
      border: 1px solid #66a6ec;
    }
    .ant-pagination-total-text {
      border: none;
    }
    .ant-pagination-options {
      border: none;
      .ant-select {
        border: 1px solid #aabed0;
      }
    }
    li {
      background: none;
      border: 1px solid #aabed0;
      button {
        background: none;
        border: none;
      }
      .ant-select-selector {
        background: none;
        border: none;
      }
      input {
        background: none;
        border: 1px solid #aabed0;
      }
    }
  }
}
// update-begin--author:liaozhiyang---date:20230803---for：【QQYUN-5839】windi会影响到html2canvas绘制的图片样式
img {
  display: inline-block;
}
// update-end--author:liaozhiyang---date:20230803---for：【QQYUN-5839】windi会影响到html2canvas绘制的图片样式
</style>
